@include b(slider) {
  height: 100%;
  min-height: rem(20px);
  @include flex(row, flex-start, center);
  padding: 0 rem(13px);

  @include e('circle') {
    width: 100%;
    height: 100%;
    @include m('text') {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: getCssVar('font-size', 'regular');
    }
    .van-circle{
      width: 100%;
      height: 100%;
    }
  }
  
  @include b(slider-button) {
    width: rem(26px);
    font-size: rem(10px);
    line-height: rem(18px);
    color: #fff;
    text-align: center;
    background-color: getCssVar(color, primary);
    border-radius: rem(100px);
  }
}
